<div class="class-item seed-flexbox
  seed-flexbox-align-center
  right-arrow-icon
  seed-flexbox-content-between seed-underline"
     (click)="goToTarget()">
  <div class="item-left seed-flexbox seed-flexbox-align-center seed-flexbox-item">
    <span class="text-ellipsis">{{class.name?class.name:class.className}}</span>
    <i class="mark" [class.zhuan]="class.properties===0 || class.courseStaus===0"
       [class.zong]="class.properties===1||class.courseStaus===1"
       [class.ci]="class.properties===2 || class.courseStaus===2"> {{classType[class.properties]||stateArr[class.courseStaus]}}</i>
  </div>
  <div class="item-right">
    <time *ngIf="rightContentType==='time'&&class.startTime">{{class.startTime |
      date:'HH:mm'}}-{{class.endTime|date:'HH:mm'}}
    </time>
    <span *ngIf="rightContentType==='state'">{{stateArr[class.startStatus]}}</span>
  </div>
</div>
